<template>
  <div class="errPage-container">
    <empty 
      image-type="search" 
      :description="msg" 
      button-text="返回首页" 
      @tap="goHome" 
    />
  </div>
</template>

<script>
export default {
  name: "Page404",
  created() {
    const { msg } = this.$route.query
    this.msg = msg ? msg : '页面或资源不存在...'
  },
  data() {
    return {
      msg: ''
    }
  },
  methods: {
    goHome() {
      this.$router.replace('/home')
    }
  }
};
</script>

<style lang="scss" scoped></style>
